@import "./variable";
@mixin hover {
    &:hover {
        background: none;
        box-shadow: 0 0 0 999px rgba(0, 0, 0, .09) inset;
    }
    &:active {
        box-shadow: 0 0 0 999px rgba(0, 0, 0, .07) inset,
        1px 1px 5px rgba(0, 0, 0, .1) inset;
    }
}

.m-pageNav {
    background: #FFFFFF;
    padding-right: 0 !important;
    color: #333;
    .el-menu{
        background: #fff;
    }
    .el-submenu__title{
        background: #fff;
        box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset;
    }
    li{
        box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset;
        @include hover;
        a {
            line-height: 55px;
            font-size: 16px;
            display: block;
            text-decoration: none;
            color: inherit;

            @include hover;
        }
        .el-submenu__title {
            @include hover;
        }
    }
    .set {
        display: block;
        color: inherit;
        line-height: 55px;
        border-bottom: 1px solid $border-colorA;
        padding-left: 20px;

        @include hover;
    }
}